<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Concept Interiors LTD Login</title>



<style type="text/css">
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
	font-family: arial;
	font-size: 70%;
	background-color: #000;
}

img {
	border: none;
	padding-left: 10px;
}

#extra {
	width: 420px;
	float: left;
	margin-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	padding-left: 20px;
	padding-top: 10px;
}
#sidebar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-top: 30px;
	width: 100%;
	position: relative;
}
input {
	background-color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
.smalltext { color: #f00; padding-top: 2px; padding-bottom: 2px; padding-left: 40px; background-color: #fecccc; border: solid 1px #fc110f; height: 26px; font-size: 10px; background-image: url(../images/close.png); background-repeat: no-repeat; background-position: 12px center; margin: 0; }
#login {
	float: left;
	width: 410px;
	padding-top: 10px;
}


#container {
	width: 100%;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: center;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15%;
}
#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

a#guest{color:#666;
        text-decoration: none;
        font-size: 80%;
	font-weight: bold;
	padding-top:0px;}
				   
        a#guest:hover
	{color:white;}
	
	p#logtext{color:white;
	        text-decoration: none;
	        font-size: 80%;
		



</style>

</head>

<body>

    	<div id="container">
    					  <div id="header">
    					    <h1><br />
    					      <br />
    					
    					      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="500">
    					        <param name="movie" value="img/login/logo_black.swf" />
    					        <param name="quality" value="high" />
    					        <param name="wmode" value="opaque" />
    					        <param name="swfversion" value="6.0.65.0" />
    					        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don�t want users to see the prompt. -->
    					        <param name="expressinstall" value="Scripts/expressInstall.swf" />
    					        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    					        <!--[if !IE]>-->
    					
    					        <object type="application/x-shockwave-flash" data="img/login/logo_black.swf" width="100%" height="500">
    					          <!--<![endif]-->
    					          <param name="quality" value="high" />
    					          <param name="wmode" value="opaque" />
    					          <param name="swfversion" value="6.0.65.0" />
    					          <param name="expressinstall" value="Scripts/expressInstall.swf" />
    					          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    					          <div>
    					           
    					            <p><a href="#"> <img src="img/login/logo.gif" alt="CONCEPT INTERIORS" width="650" height="200" align="absmiddle" /></a></p>
    					
    					          </div>
    					          <!--[if !IE]>-->
    					        </object>
    					        <!--<![endif]-->
    					      </object>
    					     
    					    </h1>
    					        
    					  <!-- end #header --></div>
  <!-- end #header --></div>
  <div id="mainContent">
    
    <div id="sidebar">
      <div id="login">
        <form method="post" class="loginform">
        <table width="410" border="0" align="left" cellpadding="0" cellspacing="5">
          <tr>
            <td width="165"><p id=logtext><b>User Name :</b></p></td>
            <td width="167">
            <p id=logtext><b>Password:</b></p></td>
            <td width="48">&nbsp;</td>
          </tr>
          <tr>
            <td valign="top"><input style="background:2px center url(images/user_16.png) no-repeat transparent; padding-left:20px; background-color:#333; height:20px;" type="text" id="userid" name="userid" /></td>
            <td valign="top"><input style="background:2px center url(images/key_16.png) no-repeat ; padding-left:20px; background-color:#333; height:20px;" type="password" id="password" name="password"  /></td>
            <td valign="top" align="right">
           <input name="submit" type="image" src="images/button.png" width="48" height="20"> 
            
          </td>
          </tr>    
      
		  <tr><td><a id=guest href=services.php?userid=guest>View site as Guest:</a></td></tr>
<?php
if (@$_REQUEST["userid"] != null) {
?>
          <tr>
            <td colspan="3" valign="top"><div class="smalltext" >Login Failed. This area is exclusive to Concept Interiors customers only.
To gain access please contact us: info @ conceptinteriors.co.nz</div></td>
            </tr>            
<?php
}
?>

          <tr>
            <td colspan="3" valign="top">&nbsp;</td>
            </tr>
          <tr>
            <td colspan="3" ></td>
            </tr>
        </table>
	
	

      
          
        </form>
      </div>
       <div id="extra">
            <p>Phone: +64 9 479 9625&nbsp;&nbsp;  <span class="blue"><a style="color:#1766CB;" href="mailto:info@conceptinteriors.co.nz">info@conceptinteriors.co.nz</a></span></p>
              
           <p style="color:#666; line-height:12px;"> Concept Interiors Ltd (EST 1997) 3 Dallan Place, Albany, Auckland, New Zealand
             <br />
            <span style="font-size:8px; color:#666; line-height:14px;">&copy; 2010 COPYRIGHT CONCEPT INTERIORS LIMITED</span></p>
      </div>
    </div>
    <h1>&nbsp;</h1>
  <!-- end #mainContent --></div>
  <!-- end #container -->
</div>
</body>
</html>
